@font-face {
        font-family: "YekanBakh"; /* نامی که برای فونت خود انتخاب می‌کنید */
        src: url("Yekan\ \(1\).woff") format("woff"),
          url("Yekan\ \(1\).ttf") format("ttf"),
          url("Yekan.eot") format("eot");
        font-weight: normal;
        font-style: normal;
      }
      body {
        font-family: "YekanBakh";
      }
      .bg-landing {
        background-image: url("/landing/img/image3.webp");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;
      }
      .shadow-custom {
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
      }
      .bg-gray-custom {
        background-color: #585858;
      }
      .card-bg {
        background-color: #e5e5e5;
      }
            @media (max-width: 1100px) {
        .scrollbar::-webkit-scrollbar {
          height: 10px;
        }
        .scrollbar::-webkit-scrollbar-track {
          background: #374151; /* gray-700 */
          border-radius: 9999px;
        }
        .scrollbar::-webkit-scrollbar-thumb {
          background: #facc15; /* yellow-400 */
          border-radius: 9999px;
        }
        .scrollbar::-webkit-scrollbar-thumb:hover {
          background: #fcd34d; /* yellow-300 */
        }

        /* Firefox */
        .scrollbar {
          scrollbar-color: #facc15 #374151;
          scrollbar-width: thin;
        }
      }

      /* On lg and above → hide scrollbar */
      @media (min-width: 1101px) {
        .scrollbar::-webkit-scrollbar {
          display: none;
        }
        .scrollbar {
          scrollbar-width: none; /* Firefox */
        }
      }